<style>
    body, html {
        background-color: white;
    }

    .m-title {
        color: white;
    }

    .m-toolbar {
        background-color: #0066cc;
    }
    img {
        max-width: 100%;
    }
</style>

<div style="width: 100%;height: 100px">
    <div style="margin:20px;border-radius:100px;overflow:hidden;float: left;width: 100px;height: 100%">
        <img src="https://xuehaifile.oss-cn-hangzhou.aliyuncs.com/xhtest/664588bb4aab43d6979d2169a03b891f.png" style="margin:0;" border="2">
    </div>
    <div style="float: left;margin-top: 50px">
        <div><span id="name">{{ name }}</span></div>
        <div><span id="dep">{{ dep }}</span></div>
    </div>
</div>


<ul id="listView" class="m-list" style="padding-top: 40px">
    {#<li nodeId="plans" class="m-list-group"></li>#}
    <li style="border-top: solid #e8e8e8 1px; "><a  id="scan" href="javascript:void(0)" >扫一扫</a></li>
    <li><a  id="restPwd" href="javascript:void(0)" >修改密码</a></li>
    <li><a  id="trustDev" href="javascript:void(0)" >信任设备</a></li>
</ul>


<div style="text-align:center;width: 100%;margin-top: 40px;padding-left:30px;padding-right: 30px; ">
    <a id="logout" class="easyui-linkbutton" style="height:40px;width: 100%;vertical-align:middle;"><span style="font-size:16px">注销</span></a>
</div>